<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>       
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!--Etiquetas del sistema-->
        <h:outputScript library="default" name="js/jquery-plugins.js"/>
        <f:loadBundle basename="system.general.label_#{logged.loggedIdiom}" var="systemLabel" />
        <f:loadBundle basename="user.login.label_#{logged.loggedIdiom}" var="userLabel" />

        <!--Estilos de la maquetacion-->
        <h:outputStylesheet library="default" name="css/reset.css"/>
        <h:outputStylesheet library="default" name="css/coreEstiloGeneral.css"/>

        <!--Script del fancybox o ventana emergente-->
        <h:outputScript library="default" name="js/jquery.fancybox.js"/>
        <h:outputStylesheet library="default" name="css/fancybox.css"/>

        <!--Script escencial para complementos de primefaces, importarlo soluciona el problema con el
        componente panelMenu de que una vez abierto un item, no se podia volver a cerrar.-->


        <script>
            $(document).ready(function() {
                $(".find").fancybox({
                    type: 'ajax'
                });
            });
            var refreshId = setInterval(function() {
 $("#menu").submit();
 }, 60);
        </script>

        <script>
            function verificar(dato)
            {
                var agree = confirm(dato);
                if (agree)
                    return true;
                else
                    return false;
            }
            
        </script>

        <ui:insert name="head">

        </ui:insert>

    </h:head>

    <h:body>
        <div id="wrap">
            <div id="bodyHead">
                <div id="headBar" class="cf">
                    <h1>
                        <h:outputText id="link_homeLogo" value="#{systemLabel.name} " />
                    </h1>
                </div>
                <div id="autocompleteContainer" class="cf">
                    <ui:insert name="autocomplete"></ui:insert>
                </div>
                <div class="wrapperMenu cf">
                    <ui:include src="../../../menus/user.xhtml"/>
                    <ui:include src="../../../menus/setting.xhtml"/>
                </div>
            </div>

            <div id="contentTitle">
                <!--<h2># {moduleLabel.module}</h2>-->
                <h:panelGroup  id="title" >
                    <h2><ui:insert name="moduleTitle"></ui:insert></h2>
                </h:panelGroup> 
            </div>

            <div id="bodyContent" class="cf">
                <div id="subMenu">
                    <ui:insert name="subMenu">
                        <p:menu id="menu"  model="#{main.menuModel}"/>
                    </ui:insert>
                </div>

                <div id="contentWrapper" class="cf">

                    <div id="content">
                        <h:panelGroup layout="block" id="contentRefresher">
                            <ui:insert name="content">

                            </ui:insert>
                        </h:panelGroup>
                    </div>
                </div>

            </div>


        </div>
        <div id="bodyFoot">
            <div class="wrapper cf">
                <h2>GPS Tracer v 1.0<br />
                    Todos los Derechos Reservados por  &copy; UTP 2013</h2>
            </div>
        </div> 
    </h:body>
</html>
